<style>
.striped-table > tbody > tr:nth-child(odd) > td {
  background-color: #fff0d5;
}
</style>
<div class="content">
  <div class="list">
    <div class="item">
      <div class="content">
        <div>
          <table class="table striped-table">
            <thead>
              <tr>
                <th>ID</th>
                <th>名称</th>
                <th>积分</th>
                <th>排名</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1526</td>
                <td>小马虎</td>
                <td>1056</td>
                <td class="text-red"><i class="icon icon-double-angle-up"></i> 1 </td>
              </tr>
              <tr>
                <td>1001</td>
                <td>勇敢的小鸭</td>
                <td>999</td>
                <td class="text-red"><i class="icon icon-double-angle-up"></i> 12 </td>
              </tr>
              <tr>
                <td>1045</td>
                <td>鸡大爷</td>
                <td>998</td>
                <td class="text-green"><i class="icon icon-double-angle-up"></i> 23 </td>
              </tr>
              <tr>
                <td>1025</td>
                <td>猪无畏</td>
                <td>860</td>
                <td class="text-green"><i class="icon icon-double-angle-down"></i> 25 </td>
              </tr>
              <tr>
                <td>1102</td>
                <td>糊涂虫</td>
                <td>749</td>
                <td class="text-red"><i class="icon icon-double-angle-up"></i> 30 </td>
              </tr>
            </tbody>
          </table>
        </div>
        <div><pre class="prettyprint"><code>&lt;table class=&quot;table striped-table&quot;&gt;
&lt;thead&gt;
  &lt;tr&gt;
    &lt;th&gt;ID&lt;/th&gt;
    &lt;th&gt;&#x540d;&#x79f0;&lt;/th&gt;
    &lt;th&gt;&#x79ef;&#x5206;&lt;/th&gt;
    &lt;th&gt;&#x6392;&#x540d;&lt;/th&gt;
  &lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
  &lt;tr&gt;
    &lt;td&gt;1526&lt;/td&gt;
    &lt;td&gt;&#x5c0f;&#x9a6c;&#x864e;&lt;/td&gt;
    &lt;td&gt;1056&lt;/td&gt;
    &lt;td class=&quot;text-red&quot;&gt;&lt;i class=&quot;icon icon-double-angle-up&quot;&gt;&lt;/i&gt; 1 &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;1001&lt;/td&gt;
    &lt;td&gt;&#x52c7;&#x6562;&#x7684;&#x5c0f;&#x9e2d;&lt;/td&gt;
    &lt;td&gt;999&lt;/td&gt;
    &lt;td class=&quot;text-red&quot;&gt;&lt;i class=&quot;icon icon-double-angle-up&quot;&gt;&lt;/i&gt; 12 &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;1045&lt;/td&gt;
    &lt;td&gt;&#x9e21;&#x5927;&#x7237;&lt;/td&gt;
    &lt;td&gt;998&lt;/td&gt;
    &lt;td class=&quot;text-green&quot;&gt;&lt;i class=&quot;icon icon-double-angle-up&quot;&gt;&lt;/i&gt; 23 &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;1025&lt;/td&gt;
    &lt;td&gt;&#x732a;&#x65e0;&#x754f;&lt;/td&gt;
    &lt;td&gt;860&lt;/td&gt;
    &lt;td class=&quot;text-green&quot;&gt;&lt;i class=&quot;icon icon-double-angle-down&quot;&gt;&lt;/i&gt; 25 &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;1102&lt;/td&gt;
    &lt;td&gt;&#x7cca;&#x6d82;&#x866b;&lt;/td&gt;
    &lt;td&gt;749&lt;/td&gt;
    &lt;td class=&quot;text-red&quot;&gt;&lt;i class=&quot;icon icon-double-angle-up&quot;&gt;&lt;/i&gt; 30 &lt;/td&gt;
  &lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;</code></pre></div>
        <div><pre class="prettyprint"><code>.striped-table > tbody > tr:nth-child(odd) > td {
  background-color: #fff0d5;
}</code></pre></div>
      </div>
     </div>
  </div>
</div>
